<template>
  <svg
    t="1682575201604"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="16766"
    width="200"
    height="200"
  >
    <defs>
      <linearGradient id="grad-star" x1="0%" y1="0%" x2="100%" y2="0%">
        <stop offset="0%" :style="`stop-color:${fill?.[0]};stop-opacity:1`" />
        <stop offset="100%" :style="`stop-color:${fill?.[1]};stop-opacity:1`" />
      </linearGradient>
    </defs>
    <path
      d="M956.373333 408.106667a42.666667 42.666667 0 0 0-30.293333-28.16L682.666667 320 549.333333 106.666667a42.666667 42.666667 0 0 0-72.533333 0l-134.4 213.333333-244.48 59.946667a42.666667 42.666667 0 0 0-21.333333 68.906666l161.92 192-17.493334 251.306667a42.666667 42.666667 0 0 0 58.453334 42.666667l234.666666-94.293334 234.666667 94.293334a41.173333 41.173333 0 0 0 16 3.2 42.666667 42.666667 0 0 0 42.666667-45.653334l-17.493334-251.306666 161.92-192a42.666667 42.666667 0 0 0 4.48-40.96z"
      p-id="16767"
      fill="url(#grad-star)"
    ></path>
  </svg>
</template>

<script setup lang="ts">
const { fill } = defineProps({
  fill: {
    default: () => [],
  },
})
</script>

<style lang="scss" scoped></style>
